<ion-view class="backclass">
    <ion-content padding="true" scroll="false">
        <form>
            <div class="row responsive-md">
                <div class="col col-50 col-offset-25">

                    <div class="header padding text-center">
                        <h3>Welcome</h3>
                    </div>

                    <div class="list">
                        <label class="item item-input">
                            <input type="text" ng-model="user.email" placeholder="Email">
                        </label>
                        <label class="item item-input">
                            <input type="password" ng-model="user.password" placeholder="Password">
                        </label>
                    </div>

                    <button class="button button-block button-positive" ng-click="authenticate()" ng-disabled="!user.email || !user.password">
                        Log In
                    </button>

                    <div class="row row-no-padding">
                        <div class="col">
                            <button class="button button-assertive button-clear button-light" ng-click="forgotpassword()"style="text-decoration:underline;">
                                Forgot password
                            </button>
                        </div>

                        <div class="col text-right">
                            <button class="button button-assertive button-clear button-light" ng-click="createnewuser()"style="text-decoration:underline;">
                                Sign up
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </ion-content>
</ion-view>
